.user {
    background-image: url('https://z3.ax1x.com/2021/03/29/cPtpzq.png');
    display: flex;
    flex-direction: column;
    background-size: 100% 400rpx;
    background-repeat: no-repeat;
    padding-bottom: 100rpx;
    
    .header {
        display: flex;
        flex-direction: column;
        height: 300rpx;

        .user_info {
            padding: 10rpx 30rpx;
            padding-top: 100rpx;

            .info{
                display: flex;
                align-items: center;

                // button{
                //     display: flex;
                //     position:relative;
                //     display:block;
                //     box-sizing:border-box;
                //     font-size:38rpx;
                //     text-decoration:none;
                //     background-color: transparent;
                //     overflow:hidden;
                //     text-align: left;
                //     padding: 0;
                //     margin: 0;
                //     line-height: 38rpx;
                //     border-radius: 0rpx;
                //     -webkit-tap-highlight-color: transparent;
                //     border: 0px solid #000;
                //     overflow: unset;
                // }
                // button::after {
                //     border: none;
                // }
            }

            .avatar {
                height: 110rpx;
                width: 110rpx;
                border-radius: 50%;
                overflow: hidden;
            }
        }
        .between{
            display: flex;
            justify-content: space-between;
        }

    }

    .box_wrap {
        margin: 30rpx 20rpx 0;
        border-radius: 8rpx;
        
        .title{
            display: flex;
            align-items: center;
            height: 44px;
            padding: 0 15px;
            border-bottom: 1px dashed #E5E5E5;
        }
        .between{
            display: flex;
            justify-content: space-between;
        }

        .nav{
            padding: 13px 0 0;
            display: flex;

            .item{
                display: flex;
                .icon-contain{
                    position: relative;
                    .nav-icon {
                        width: 52rpx;
				        height: 52rpx;
                    }
                }
            }

            .mlmr {
                padding: 0 20rpx;
            }

            .column_center{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            
        }
    }

}


